<section>
	<section>
		<el-input placeholder="请输入内容" size="medium" v-model="test" class="input-with-select">
			<el-select v-model="test" slot="prepend" placeholder="请选择">
				<el-option label="餐厅名" value="1"></el-option>
				<el-option label="订单号" value="2"></el-option>
				<el-option label="用户电话用户电话用户电话用户电话" value="3"></el-option>
			</el-select>
			<el-button slot="append" icon="el-icon-search"></el-button>
		</el-input>
	</section>
	<section class="m-t">
		<el-button size="small" icon="el-icon-circle-plus-outline" plain>新增</el-button>
		<el-button size="small" icon="el-icon-delete" type="danger" plain>删除</el-button>
		<el-button size="small" icon="el-icon-edit" type="success" plain>修改</el-button>
		<el-button size="small" icon="el-icon-bell" type="warning" plain>警告</el-button>
		<el-button size="small" icon="el-icon-search">查询</el-button>
		<el-button size="small" plain>其它</el-button>
		<el-button size="small" icon="el-icon-check" type="primary">确认</el-button>
		<el-button size="small" icon="el-icon-close" type="info">取消</el-button>
	</section>
	<section class="m-t">
		<el-table :data="listData.list" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
			<el-table-column type="selection" width="45">
			</el-table-column>
			<el-table-column label="日期" width="120">
				<template slot-scope="scope">{{ scope.row.date }}</template>
			</el-table-column>
			<el-table-column prop="name" label="姓名" width="120">
			</el-table-column>
			<el-table-column prop="address" label="地址" show-overflow-tooltip>
			</el-table-column>
			<el-table-column label="操作" width="90">
				<template slot-scope="scope">
					<el-button size="mini" type="text" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
					<el-button size="mini" type="text" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
				</template>
			</el-table-column>
		</el-table>
	</section>
	<section class="text-center m-t">
		<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[10, 15, 20, 25, 30]" :page-size="100" :total="400" layout="total, sizes, prev, pager, next, jumper">
		</el-pagination>
	</section>
	<paging :pagingParams="listData" :pagingConfig="pagingConfig" @clickFun="testFun"></paging>
	<directoryTree type="systemDataDict" @clickFun="treeClickFun"></directoryTree>
</section>